<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>列表样式</title>
    <style type="text/css">
        li:nth-of-type(1) {
            list-style-type: square;
            /*列表样式为实心方块*/
        }

        li:nth-of-type(2) {
            list-style-image: url(../img/view_ico.jpg);
            list-style-position: inside;
            /*列表标记在文本内*/
            /*简写形式：
				 * list-style: inside url(../img/view_ico.jpg);*/
        }
    </style>
</head>

<body>
    <ul>
        <li>香蕉</li>
        <li>苹果</li>
        <li>草莓</li>
    </ul>
</body>

</html>